<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>自我能力素质评估</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/bootstrap-select.css">
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<link rel="stylesheet" href="../../Content/css/kaoshi.css" />

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
	<!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div class="container margin-bottom-50" id="main">
	<div class="page-header page-title h4 container-fluid"> <span>自我能力素质评估</span></div>
	<div class="row container-fluid">
		<div class="content">
			<h2><span></span>素质考评成绩</h2>
			<div class="row">
				<div class="col-md-6">
					<div class="">
						<table class="table  table-bordered my-table text-center">
							<thead>
								<tr>
									<th width="40%">岗位职能</th>
									<th width="30%">工作任务</th>
									<th width="30%">技能要点</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td width="40%" rowspan="4">职理人力资源的管理的含义目的和组织 10%</td>
									<td width="30%" rowspan="2">工作任务名称 30%</td>
									<td width="30%">技能要点</td>
								</tr>
								<tr>
									<td width="30%">技能要点</td>
								</tr>
								<tr>
									<td width="30%" rowspan="2">工作任务名称 10%</td>
									<td width="30%">技能要点</td>
								</tr>
								<tr>
									<td width="30%">技能要点</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="col-md-6">
					<div id="container" class="container-fluid"></div>
				</div>
				<div class="clear-both"></div>
			</div>
			<h2><span></span>自我能力素质评估</h2>
			<div class="">
				<table class="table  table-bordered my-table text-center">
					<thead>
						<tr>
							<td  width="50%">职能名称</td>
							<td  width="50%">评定（1为最准确，5为最不准确）</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td  width="50%">职能名称</td>
							<td  width="50%">
								<div class="form-inline">
									<label class="radio-inline">
									  <input type="radio" name="radiogroup1" value="1"> 1
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup1" value="2"> 2
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup1" value="3"> 3
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup1" value="4"> 4
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup1" value="5"> 5
									</label>
								</div>
							</td>
						</tr>
						<tr>
							<td  width="50%">职能名称</td>
							<td  width="50%">
								<div class="form-inline">
									<label class="radio-inline">
									  <input type="radio" name="radiogroup2" value="1"> 1
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup2" value="2"> 2
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup2" value="3"> 3
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup2" value="4"> 4
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup2" value="5"> 5
									</label>
								</div>
							</td>
						</tr>
						<tr>
							<td  width="50%">职能名称</td>
							<td  width="50%">
								<div class="form-inline">
									<label class="radio-inline">
									  <input type="radio" name="radiogroup3" value="1"> 1
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup3" value="2"> 2
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup3" value="3"> 3
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup3" value="4"> 4
									</label>
									<label class="radio-inline">
									  <input type="radio" name="radiogroup3" value="5"> 5
									</label>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		
	</div>
	
	
</div>




<footer>版权所有：北京英标人力资源有限公司&nbsp;&nbsp; 电话：010-8838838</footer>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<!--图表插件库-->
<script src="../../Scripts/Highcharts-4.1.3/js/highcharts.js"></script>
<script src="../../Scripts/Highcharts-4.1.3/js/modules/exporting.js"></script>

<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
	//读取共用的头部和菜单文件
	$("#header").load("header.html nav");
	
	
	//柱状图插件调用
	$('#container').highcharts({
        chart: {
            type: 'column',
            height:350
        },
        title: {
            text: '职能通过率'
        },
        xAxis: {
            categories: ['职能1', '职能2', '职能3', '职能4', '职能5']
        },
        yAxis: {
            min: 0,
            title: {
                text: '总计通过率'
            }
        },
        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
            shared: false
        },
        plotOptions: {
            column: {
                stacking: 'percent'
            }
        },
        series: [{
            name: '通过',
            data: [5, 3, 4, 7, 2]
        }, {
            name: '未通过',
            data: [2, 2, 3, 2, 1]
        }],
        credits:{enabled:false}
        
        
    });

})
</script>

</body>
</html>
